import {Link,hashHistory} from "react-router";
export default React.createClass({
	isX : true,
    xian : function(){
    	var obj = document.getElementsByClassName("goods_flex_div")[0] 
    	if(this.isX){
    		obj.style.display = "block" 
    		this.isX = !this.isX
    	}else{
    		obj.style.display = "none" 
    		this.isX = !this.isX
    	}
    },
	 tiao: function(){
		hashHistory.push("/home/sousuo")
	},
	fan:function(){
		hashHistory.goBack()
	},
	render :function(){
		return (
			 <div className="fenlei_header_div"> 
			 <Link className="iconfont home_fs_btn icon-fanhui" onClick={this.fan}></Link>
				 <div>
					<a href="javascript:;" className = "iconfont fdl_btn icon-home_sousuo"></a>
					<input type="text" placeholder="大益" onFocus={this.tiao}/>
				</div>
				<a  className="iconfont fdr_btn icon-home_gengduo" onClick={this.xian}></a>
				<ul className="goods_flex_div">
		 			<Link to="home">
		 			<i className="iconfont goods_flex_div_btn icon-shouye"></i>
		 			<span>首页</span>
		 			</Link>
		 			<Link to="home/sousuo">
		 			<i className="iconfont goods_flex_div_btn icon-home_sousuo" ></i>
		 			<span>搜索</span>
		 			</Link>
		 			<Link to="car">
		 			<i className="iconfont goods_flex_div_btn icon-gouwuche1"></i>
		 			<span>购物车</span>
		 			</Link>
		 			<Link to="isme">
		 			<i className="iconfont goods_flex_div_btn icon-wode"></i>
		 			<span>我的</span>
		 			</Link>
		 			<Link >
		 			<i className="iconfont goods_flex_div_btn icon-kefu"></i>
		 			<span>消息</span>
		 			</Link>
		 		</ul> 
			 </div>
		)
	}
})
